import { FC } from "react"
import styles from "./index.less"

const personalRecords: FC = () => {
  return (
    <div>
      <div className={styles.personMain}>
        <div className={styles.personality}>
          <div className={styles.personalityTitle}>人口学信息</div>
          <div className={styles.personalityInfo}>
            <div><span className={styles.infoTitle}>姓名：</span><span className={`${styles.infoDetail} ${styles.twoWord}`}>安达市多</span></div>
            <div><span className={styles.infoTitle}>性别：</span><span className={`${styles.infoDetail} ${styles.twoWord}`}>大师</span></div>
            <div><span className={styles.infoTitle}>出生日期：</span><span className={styles.infoDetail}>撒</span></div>
            <div><span className={styles.infoTitle}>年龄：</span><span className={`${styles.infoDetail} ${styles.twoWord}`}>水电费</span></div>
            <div><span className={styles.infoTitle}>证件类型：</span><span className={styles.infoDetail}>发送到</span></div>
            <div><span className={styles.infoTitle}>证件号码：</span><span className={styles.infoDetail}>发送到</span></div>
            <div><span className={styles.infoTitle}>民族：</span><span className={`${styles.infoDetail} ${styles.twoWord}`}>似睡非睡</span></div>
            <div><span className={styles.infoTitle}>婚姻状况：</span><span className={styles.infoDetail}>水电费是</span></div>
            <div><span className={styles.infoTitle}>最高学历：</span><span className={styles.infoDetail}>水电费是</span></div>
            <div><span className={styles.infoTitle}>籍贯：</span><span className={`${styles.infoDetail} ${styles.twoWord}`}>水电费</span></div>
            <div><span className={styles.infoTitle}>联系电话：</span><span className={styles.infoDetail}> 谁说的</span></div>
            <div><span className={styles.infoTitle}>电子邮箱：</span><span className={styles.infoDetail}>是地方</span></div>
            <div><span className={styles.infoTitle}>联系地址：</span><span className={styles.infoDetail}>是的</span></div>
            <div><span className={styles.infoTitle}>邮箱编号：</span><span className={styles.infoDetail}>是辅导</span></div>
            <div><span className={styles.infoTitle}>工作单位：</span><span className={styles.infoDetail}>搜索是的</span></div>
            <div><span className={styles.infoTitle}>单位电话：</span><span className={styles.infoDetail}>鬼地方个</span></div>
            <div><span className={styles.infoTitle}>单位地址：</span><span className={styles.infoDetail}>发送到发多少</span></div>
            <div><span className={styles.infoTitle}>单位邮编：</span><span className={styles.infoDetail}>水电费第三方</span></div>
          </div>
        </div>
        <div className={styles.secondRow}>
          <div className={styles.sociality}>
            <div className={styles.socialityTitle}>社会保障信息</div>
            <div className={styles.socialityInfo}>
              <div><span className={styles.infoTitle}>医疗卡号：</span><span className={styles.infoDetail}>所发生的</span></div>
              <div><span className={styles.infoTitle}>医保类别：</span><span className={styles.infoDetail}>沙发斯蒂芬</span></div>
              <div><span className={styles.infoTitle}>健康卡号：</span><span className={styles.infoDetail}>防守打法</span></div>
            </div>
          </div>
          <div className={styles.document}>
            <div className={styles.documentTitle}>档案信息</div>
            <div className={styles.documentInfo}>
              <div><span>患者ID：</span><span className={styles.infoDetail} style={{ marginLeft: 12 }}>5</span></div>
              <div><span>建档机构：</span><span className={styles.infoDetail}>辅导</span></div>
              <div><span>建档职工：</span><span className={styles.infoDetail}>防守打法</span></div>
              <div><span>建档时间：</span><span className={styles.infoDetail}>发送到发多少</span></div>
            </div>
          </div>
        </div>
      </div>
    </div>
  )
}

export default personalRecords